import {useLoaderData} from 'react-router-dom';

const Home = () => {
    const data = useLoaderData();

    return (
        <div>
            <h1>Home</h1>
            <p>{data}</p>
            <p>This is a boilerplate for a Next.js project with TypeScript, Tailwind CSS, and React Router.</p>
        </div>
    );
};

Home.Head = () => {
    return <>
        <meta name="description" content="This is a boilerplate for a Next.js project" />
        <title>Home</title>
    </>;
};

export default Home;
